@import "comment.less";


.coupon{
    .item{
        overflow: hidden;
        margin-bottom: 10px;
        >.media{
            position: relative; 
            width:292px/2 ;
            height: 160px/2; 
            img{
                .wh2x(292px, 160px);   
            }
            .media-text{
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0px;
                left: 0;
                .cir{
                    text-align: center;
                    .vmiddle();
                    padding-top: 10px;
                    span{
                        color: @white;
                        &:first-child{
                            .fontSize(51.66px);
                        }
                        &:last-child{
                            .fontSize(91.39px);
                        }
                    }
                    p{
                        color: @white;
                        margin: 0;
                        padding: 0;
                    }
                }
            }
        }
        .coupon-text{
            padding-left: 10px;
            div{
                width: 100%;
                height: 160px/2;
                background: @white;
                padding-top: 10px;
                h3{
                    .fontSize(24px);
                    color: @cfont;
                    font-weight: normal;
                    .ell();
                    padding-left: 10px;
                    margin-top: 0px;
                    
                }
                p{
                    color: @cfont2;
                    .fontSize(20px);
                    .ell();
                    margin:0;
                    padding:0;
                     padding-left: 10px;
                }
                button{
                    .fontSize(24px);
                    padding: 3px 5px;
                    margin-right: 10px;;
                }

            }
        }
        
    }
    
    
    
}
